<template>
	<view>
		<u-navbar title="票券訂單" placeholder autoBack>
			<view class="flexright xiaohui" slot="right" @click="jumpurl('/pages/workbench/tuipiaosq')">退票申請</view>
		</u-navbar>
		<u-sticky bgColor="#fff">
			<u-tabs lineColor="#FFB800" :scrollable="false" lineWidth="15" :activeStyle="{
			             color: '#000000',
			             fontWeight: 'bold',
			             transform: 'scale(1.05)'
			         }" :inactiveStyle="{
			             color: '#666666',
			             transform: 'scale(1)'
			         }" :list="list1" @change="tabChage"></u-tabs>
		</u-sticky>
		<view class="mainpadding2">
			<view class="mainpadding_top ffffff radius">
				<view class="pdl flexbetween">
					<view class="main_size hei_text bold">訂單號：121213123123312</view>
					<view class="huang_text main_size bold">待收款</view>
					<!-- <view class="huang_text main_size bold">待核销</view>
					<view class="lv_text main_size bold">已核销</view>
					<view class="lv_text main_size bold">已退票</view>
					<view class="hui_text main_size bold">已過期</view> -->
				</view>
				<view class="flexleft margin_top2" :class="1+1==2?'pdl':''">
					<image src="../../static/image/system/hujiaofw.png" mode="" class="leftmoveimg margin_right"></image>
					<view class="rightmove">
						<view class="titletext bold hei_text yihang">孤注一擲</view>
						<view class="xiaohui">上架時間：2023-23-32</view>
						<view class="flexbetween">
							<view class="xiaohui">數量：1張</view>
							<view class="main_size huang_text bold">
								<text class="xiaohui">總價</text>$238.00 
							</view>
						</view>
					</view>
				</view>
				<view class="flexright margin_top2">
					<view class="listbtnhuang ">確認收款</view>
				</view>
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list1: [{
						name: "待收款",
						id: 1,
						badge: {
							value: 5,
						}
					},
					{
						name: "待核銷",
						id: 2,
						badge: {
							value: 5,
						}
					},
					{
						name: "已完成",
						id: 3,
						badge: {
							value: 5,
						}
					},
					{
						name: "已過期",
						id: 3,
						badge: {
							value: 5,
						}
					}
				],
				tabsId: 1,
			}
		},
		methods: {
			tabChage(e) {
				this.tabsId = e.id
			},
			jumpurl(url) {
				uni.navigateTo({
					url
				})
			}
		}
	}
</script>

<style>

</style>